.tabs {
  display: flex;
  justify-content: space-around;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  .tabs-item {
    flex: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #666;
    position: relative;
    overflow: hidden;
    &.active {
      color: #cc4c3c;
      &::before {
        width: calc(100% - 86%);
      }
    }
    &::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 5rpx;
      background-color: #cc4c3c;
      border-radius: 10rpx;
      transition: width 0.3s ease;
    }
  }
}